<template>
    <div class="out-style">
        <Row type="flex" justify="end">
            <!--<Col span="8">
                <div class="top-left">
                    <div class="top-left-icon">
                        <Icon type="ios-return-left" size="24"/>
                        <span class="top-left-font">返回首页</span>
                    </div>
                </div>
            </Col>-->
            <Col span="12">
                <Row type="flex" :gutter="16" justify="space-between">
                    <Col span="6">
                        <Button type="primary">提交至待审核</Button>
                    </Col>
                    <Col span="6">
                        <Button disabled type="primary">一键提交至待审核</Button>
                    </Col>
                    <Col span="6">
                        <Button type="primary">撤回至错误数据</Button>
                    </Col>
                    <Col span="6">
                        <Button disabled type="primary">一键撤回至错误数据</Button>
                    </Col>
                </Row>
            </Col>
        </Row>
        <br>
        <Row>
            <Table border ref="selection" :columns="columns" :data="dataList"></Table>
        </Row>
    </div>
</template>

<script>
export default {
  name: 'rejectData',
  props: {},
  data () {
    return {
      columns: [
        {
          type: 'selection',
          width: 60,
          align: 'center'
        },
        {
          title: '工作单位所在辖区(选择)',
          key: 'jurisdiction',
          width: 200,
          align: 'center'
        },
        {
          title: '单位名称',
          key: 'companyName',
          width: 200,
          align: 'center'
        },
        {
          title: '经济分类科目(选择)',
          key: 'subject',
          width: 200,
          align: 'center'
        },
        {
          title: '补贴名称',
          key: 'subsidyName',
          width: 200,
          align: 'center'
        },
        {
          title: '总表与附表明细勾稽编号',
          key: 'number',
          width: 200,
          align: 'center'
        },
        {
          title: '凭证日趋',
          key: 'date',
          width: 200,
          align: 'center'
        },
        {
          title: '会计凭证号',
          key: 'voucherNumber',
          width: 200,
          align: 'center'
        },
        {
          title: '付款摘要',
          key: 'pay',
          width: 200,
          align: 'center'
        },
        {
          title: '付款金额(元)',
          key: 'money',
          width: 200,
          align: 'center'
        }, {
          title: '支付方式(选择)',
          key: 'main',
          width: 200,
          align: 'center'
        },
        {
          title: '拨付依据(选择)',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '是否采购招标(选择)',
          key: 'tendering',
          width: 200,
          align: 'center'
        },
        {
          title: '项目采购招标(标段)编号',
          key: 'bidSection',
          width: 200,
          align: 'center'
        },
        {
          title: '收款单位名称',
          key: 'receivablesName',
          width: 200,
          align: 'center'
        }, {
          title: '收款单位纳税人识别号',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '收款单位开户行及账号',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '票据类型(选择)',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '票据编号',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '是否公开(选择)',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '不公开依据',
          key: 'appropriation',
          width: 200,
          align: 'center'
        },
        {
          title: '备注',
          key: 'appropriation',
          width: 200,
          align: 'center'
        }

      ],
      dataList: []
    }
  }
}
</script>

<style scoped>
    .out-style {
        padding: 10px;
    }

    .top-left {
        margin-bottom: 20px;
    }

    .top-left-font {
        font-size: 14px;
        color: #36aed5;
    }

    .out-button {
        display: flex;
    }

    .right-button {
        border: 1px solid #709EFF;
        width: 120px;
        height: 25px;
        margin-left: 10px;
        border-radius: 5px;
        background-color: #ECF5FF;
    }

    .button-font {
        padding: 3px;
        text-align: center;
        color: #709EFF;
    }

    .right-button:hover {
        background-color: #3388FF;
    }

    .button-font:hover {
        color: white;
    }

    .right-button-one {
        border: 1px solid #709EFF;
        width: 120px;
        height: 25px;
        margin-left: 10px;
        border-radius: 5px;
        background-color: #3388FF;
    }

    .button-font-one {
        padding: 3px;
        text-align: center;
        color: white;
    }
</style>
